<template>
  <div>
    <div class="box">
      <div class="price">
        <div class="shopping-cart">
          <i class="el-icon-shopping-cart-1"></i>
        </div>

        <div class="shopping-cart-price">
          <span class="all-price">￥0</span>
          <span class="ps-price">另需配送费￥4元</span>
        </div>

        <div class="btn">
          <span class="g-price">￥20起送</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Footer",
  components: {},
};
</script>
<style lang="less" scoped>
.box {
  width: 100%;
  height: 80px;
  position: fixed;
  bottom: 0;
  .price {
    display: flex;
    height: 100%;
    background-color: #141d27;
    .shopping-cart {
      box-sizing: border-box;
      position: relative;
      top: -40px;
      left: 24px;
      width: 116px;
      height: 116px;
      background-color: #2b343c;
      border-radius: 50%;
      border: 12px solid #141d27;
      i {
        margin: 20px;
        display: inline-block;
        font-size: 48px;
        color: rgba(255, 255, 255, 0.4);
      }
    }
    .shopping-cart-price {
      height: 100%;
      margin-left: 36px;
      .all-price {
        display: inline-block;
        font-size: 32px;
        color: rgba(255, 255, 255, 0.4);
        font-weight: 700;
        line-height: 48px;
        padding-right: 24px;
        margin: 16px 0;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
      }
      .ps-price {
        display: inline-block;
        padding-left: 24px;
        font-size: 24px;
        font-weight: 700;
        line-height: 48px;
        margin: 16px 0;
        color: rgba(255, 255, 255, 0.4);
      }
    }
    .btn {
      position:absolute;
      right: 0px;
      bottom:0px;
      width: 210px;
      height: 100%;
      background-color:rgba(255, 255, 255, 0.4);
      z-index: 999;
      .g-price{
        display: inline-block;
        margin-left: 24px;
        text-align:center;
        font-size: 32px;
        line-height: 80px;
        font-weight:700;
        color:rgba(255, 255, 255, 0.4);
      }
    }
  }
}
</style>